<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div><a href="#">百度一下</a><p>abc</p></div>
<script>
var div = document.querySelector("div");
//div.innerHTML = "<p>这个是一个 p 标签</p>"

//console.log(div.innerHTML);
//console.log(div.innerText);
//div.innerText = "<a href='#'></a>";
//div.innerHTML = "<a href='#'>你好</a>";
//console.log(div.outerHTML)
//div.outerHTML = "<p>你好</p>"
//div.outerHTML = "";
//console.log(div.outerText);
//div.outerText = "<p>abc</p>"
div.innerHTML = ""
/*
innerHTML:
1. 读取值 会把这个标签内的所有内容全部获取到, 返回一个字符串
2. 设置值 设置一个字符串, 会把字符串中的有效的标签解析出来

innerText:
1. 读取值 只读取标签内的文本
2.  设置值 会把整个字符串当做普普通通的字符来处理

outerHTML:
1. 读取值 把包括 div 在内的所有内容都会获取到
2. 设置值 把 div 用字符串来替换掉, 如果字符串中有标签, 会被解析
 */

</script>
</body>
</html>